<template>
  <div class="topnav border-bottom">
      <van-icon name="arrow-left" @click="back"/>
      <div>
          {{title}}
      </div>
      <div>

      </div>
 </div>
</template>

<script>
export default {
  name: 'topnav',
  props:{
      title:{
          type:String
      }
  },
  data() { 
    return {

    }
  },
  created() {

  },
  methods:{
      back(){
          this.$router.back()
      }
  },
 }
</script>

<style lang="scss" scoped>
.topnav{
    width: 100%;
    height: 0.8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.2rem;
    font-size: 0.26rem;
}
</style>